<template>
  <div id="app">
    <h1>黑马头条</h1>
    <!-- 引入字体图标 -->
    <i class="toutiao toutiao-shipin"></i>
    <!-- 引入vant按钮 -->
    <van-button type="primary">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按3333钮</van-button>

    <div class="box"></div>

    
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style scoped lang="less">
.box{
  width:200px;
  height: 200px;
  background-color: palegreen;
}
</style>
